<script setup>
import LogoWidget from '@/components/customwidget/LX_LogoWidget.vue';
</script>

<template>
    <div class="py-6 px-6 mx-0 mt-20 lg:mx-20">
        <div class="grid grid-cols-12 gap-4">
            <LogoWidget />

            <div class="col-span-12 md:col-span-10">
                <div class="grid grid-cols-12 gap-8 text-center md:text-left">
                    <div class="col-span-12 md:col-span-3">
                        <h4 class="font-medium text-2xl leading-normal mb-4 text-surface-900 dark:text-surface-0">
                            项目导航</h4>
                        <a
                            class="leading-normal text-xl block cursor-pointer mb-2 text-surface-700 dark:text-surface-100">关于作者</a>
                        <a
                            class="leading-normal text-xl block cursor-pointer mb-2 text-surface-700 dark:text-surface-100">关于项目</a>
                        <a
                            class="leading-normal text-xl block cursor-pointer mb-2 text-surface-700 dark:text-surface-100">项目地址</a>
                        <a
                            class="leading-normal text-xl block cursor-pointer mb-2 text-surface-700 dark:text-surface-100">项目贡献</a>
                        <a
                            class="leading-normal text-xl block cursor-pointer mb-2 text-surface-700 dark:text-surface-100">项目赞助<img
                                src="/demo/images/landing/new-badge.svg" class="ml-2" /></a>
                    </div>

                    <div class="col-span-12 md:col-span-3">
                        <h4 class="font-medium text-2xl leading-normal mb-4 text-surface-900 dark:text-surface-0">
                            资源</h4>
                        <a
                            class="leading-normal text-xl block cursor-pointer mb-2 text-surface-700 dark:text-surface-100">快速开始</a>
                        <a
                            class="leading-normal text-xl block cursor-pointer mb-2 text-surface-700 dark:text-surface-100">使用文档</a>
                        <a
                            class="leading-normal text-xl block cursor-pointer text-surface-700 dark:text-surface-100">技术支持</a>
                    </div>

                    <div class="col-span-12 md:col-span-3">
                        <h4 class="font-medium text-2xl leading-normal mb-4 text-surface-900 dark:text-surface-0">
                            社区</h4>
                        <a
                            class="leading-normal text-xl block cursor-pointer mb-2 text-surface-700 dark:text-surface-100">Discord</a>
                        <a
                            class="leading-normal text-xl block cursor-pointer mb-2 text-surface-700 dark:text-surface-100">最新动态<img
                                src="/demo/images/landing/new-badge.svg" class="ml-2" /></a>
                        <a
                            class="leading-normal text-xl block cursor-pointer mb-2 text-surface-700 dark:text-surface-100">FAQ</a>
                        <a
                            class="leading-normal text-xl block cursor-pointer text-surface-700 dark:text-surface-100">联系作者</a>
                    </div>

                    <div class="col-span-12 md:col-span-3">
                        <h4 class="font-medium text-2xl leading-normal mb-4 text-surface-900 dark:text-surface-0">Legal
                        </h4>
                        <a
                            class="leading-normal text-xl block cursor-pointer mb-2 text-surface-700 dark:text-surface-100">Brand
                            Policy</a>
                        <a
                            class="leading-normal text-xl block cursor-pointer mb-2 text-surface-700 dark:text-surface-100">Privacy
                            Policy</a>
                        <a class="leading-normal text-xl block cursor-pointer text-surface-700 dark:text-surface-100">Terms
                            of Service</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script setup>
</script>